<template>
	<view >
		<view >
			<image  class="demo1" src="../../static/demo2.png" ></image>
		</view>
		<view class="demo2">
			<text >用户名</text>
		</view>
		<view class="demo3">
			<text>大会员</text>
		</view>
		<view class="demo5">
			<text>空间 ></text>
		</view>
		<view  class="demo4">
			<view class="demo4">动态:99+</view>
			<view class="demo4">关注:9999</view>
			<view class="demo4">粉丝:99+</view>
		</view>
		<view class="demo6">
			<view class="demo7">
				更多服务 
			</view>
			<view class="demo8">
				联系客服    >
			</view>
			<view class="demo9">
				课堂模式    >
			</view>
			<view class="demo10">
				儿童模式    >
			</view>
			<view class="demo11">
				软件设置    >
			</view>
		
		</view>
	</view>
</template>

<script>

</script>

<style>
	.demo1{
		display:block;
	    
	    width:300rpx;
		height:220rpx;
		margin-bottom: 70rpx;
		margin-top: 10rpx;
		border-radius: 30%;
	}
	.demo2{
		position: absolute;
		top: 30rpx;
		right: 200rpx;
		border: 5rpx solid black;
		border-radius: 60rpx;
		font-size: 50rpx;
		font-weight: 300;
	}
	.demo5{
		position: absolute;
		top: 150rpx;
		right: 200rpx;
		border: 5rpx solid black;
	  font-size: 40rpx;
	  font-weight: 300;
	
	}
	.demo3{
		position: absolute;
		top: 30rpx;
		right: 60rpx;
		border: 2rpx solid balck;
		border-radius: 60rpx;
	}
	.demo4{
		display:flex;
	    flex-direction: row;
		justify-content: center;
		font-size:50rpx ;
		font-weight: 200;
		margin:0 15rpx;
	}
	.demo7{
		font-size: 45rpx;
		font-weight: 200;
		margin: 30rpx 0 ;
	}
	.demo8{
		font-size: 40rpx;
		margin: 10rpx 20rpx;
	}
	.demo9{
		font-size: 40rpx;
		margin: 10rpx 20rpx;
	}
	.demo10{
		font-size: 40rpx;
		margin: 10rpx 20rpx;
	}
	.demo11{
		font-size: 40rpx;
		margin: 10rpx 20rpx;
	}
	button{
		width:375rpx;
		margin-top: 50rpx;
	}
</style>
